// 目的地 style
@import "../../app.scss";
@import "../../src/components/major_class.scss";
body {
  padding-top: rem(3.3867);
}
.banner {
  height: rem(9.3333);
  @include bgimage("../../../../img/home/homexia/dangdiyouxia/mdd/bannner.png");
  position: relative;
  .banner_list {
    width: rem(2.3467);
    height: rem(0.4267);
    position: absolute;
    bottom: rem(0.5333);
    left: 50%;
    transform: translateX(-50%);
    @include myflex(row, space-between);
    .banner_list_item {
      width: rem(0.4267);
      height: 100%;
      background-color: $white-color;
      border-radius: 50%;
    }
  }
}

.img_list {
  @include myflex(row, space-between, center, wrap);
  .img_list_item {
    width: rem(9.8667);
    height: rem(12);
    margin-top: rem(0.2667);
    a {
      display: block;
      width: 100%;
      height: 100%;
      img {
        width: 100%;
      }
    }
  }
}
.pub_title {
  @include mypub_title(2.4);
  @include myflex();
}
.banner2 {
  height: rem(9.2267);
  img {
    width: 100%;
  }
}
.title2 {
  @include mypub_title(3.2267);
  padding-top: rem(0.7733);
  box-sizing: border-box;
}
.footer_list {
  height: rem(9.9467);
  @include myflex(row, space-between);
  padding: 0 rem(0.9067);

  .footer_list_item {
    width: rem(5.4933);
    height: rem(8.2933);
    @include myflex(column, center);
    img {
      width: 100%;
      height: rem(6.2933);
    }
    .text {
      font-size: rem(0.64);
      margin-top: rem(.2667);
      @include myflex(row, space-between);
      b {
        color: $red-color;
      }
    }
    span {
      font-size: rem(0.5333);
      color: $Darkgrey-color;
    }
  }
}
